<!DOCTYPE html>
    <head>
        <meta charset = "utf-8" />

        <style>
            .comment body{
                display: flex;
                flex-direction: column;
                /* align-items: center; */
                color: white;
            }
            #main{
                padding: 20px;
                /* margin-bottom: 0px; */
                flex: 1;
                width: 70%;
            }
            #table_{
                padding: 20px;
                flex: 1;
                width: 70%;
            }
            #font{
                padding: 10px;
                flex: 1;
                width: 60%;
                font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
            }
            #typing{
                flex: 1;
                width: 700px;
                height: 200px;
                height: 20vh;
                border: red;
                font-size:large;
            }
            #commend{
                flex: 1;
                width: 80%;
            }
            #btn{
                width: 80px;
                height: 30px;
                background-color: rgb(224, 250, 248);
            }
        </style>
    </head>

    <body class="comment body">
        <div id="main">
            <h1 id="font">Comment</h1><hr>
            <textarea id="typing">Send your message...</textarea>
            <button id="btn">Enter</button>
            <div id="commend"></div>
        </div>

        <div>
            <h2 id="font">Selected Reviews</h2><hr>

                <table  cellpadding="4" cellspacing="0" width="100%" height="500" id="table_">
                  <tr>
                    <td height="50" text-align="center" style="font-size: 10px">
                        湛蓝亦可_：Listen to all the World Cup songs: This one really sounds good!!<hr>
                    <p>
                        Thu, 08 Dec 2022
                    </p>
                    </td> 
                  </tr>
            
                  <tr>
                    <td height="50" text-align="center" style="font-size: 10px">
                        Helen9791：Really good to hear! People at home, the heart has been in the stadium carnival, 
                        this is a lot of veteran last World Cup, listening to a love to the dusk of the sincere
                        and enthusiasm!<hr>
                    <p>
                        Fri, 18 Nov 2022
                    </p></td>
                  </tr>
            
                  <tr>
                    <td height="50" text-align="center" style="font-size: 10px">
                        甜kookies：JungKook, South Korea's third-generation ACE, has become the first Korean
                        entertainer to perform at the opening ceremony of the FIFA World Cup in its 92-year
                        history since 1930. When will this proud shoulder drop!<hr>
                    <p>
                        Fri, 25 Nov 2022
                    </p>
                </td>
                  </tr>
            
                  <tr>
                    <td height="50" text-align="center" style="font-size: 10px">
                        Pi-O-Xha：While you are denigrating others, he is standing on top of the world, 
                        even across racial prejudice to speak up for Asian people.<hr>
                    <p>
                        Mon, 28 Nov 2022
                    </p>
                </td>
                  </tr>
            
                  <tr>
                    <td height="50" text-align="center" style="font-size: 10px">
                        白米范的玧智xi：Aside from the fan perspective, listen to the theme songs of past World Cups.
                        This is the best theme song except for Wolf Sister's waka waka.<hr>
                    <p>
                        Tue, 29 Nov 2022
                    </p>
                </td>
                  </tr>
                </table>

        </div>
    </body>

    <script>
        document.getElementById("btn").onclick=function(){send()};
        function send(){
            var g=new Date();
            var value= document.getElementById("typing").value;
            var p= document.createElement("p");
            p.innerHTML="用户："+value+'<hr>'+g.toUTCString();
            document.getElementById("commend").prepend(p);
        }
    </script>
</html>
